@charset "utf-8";

body{background-color: #F4F4F4;}
.detail{width: 800px; background-color: #FFFFFF; padding: 16px 20px 16px 20px;}

.user-tab li{display: inline-block; height: 30px; line-height: 30px; margin-left: 20px;}
.user-tab .active{font-weight: bolder; color: red; text-decoration: underline;}

.user-content{margin-top: 10px; position: relative;}
.item{width: 500px;height: 30px; line-height: 30px;}
.item span{width: 100px; display: inline-block; text-align:right;}
.item em{color: #f80000;}
.address-area span{width: auto; margin-left: 0; display: inline-block;}
.radio{margin-right: 3px;}
.radio-label{margin-right: 5px;}

.item button{width: 64px; height: 30px; border:1px solid #d2a000; border-radius: 5px; box-shadow: 0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset; background: -webkit-linear-gradient(top,#fece34,#d8a605); background: -moz-linear-gradient(top,#fece34,#d8a605); background: linear-gradient(top,#fece34,#d8a605);}

.user-info{width: 300px;height: 100px; background-color: #ff0f0f; position: absolute; top: 0;left: 470px;}

.address-box{border: 1px solid #e8e8e8; margin: 10px 0 10px 0;}
.address-box .address-info{width: 600px;}
.address-box .item{margin-bottom: 0;}
.user-box .item{margin-bottom: 20px;}
.ib{display: inline-block;}

.extra-r{width: 100px; float: right; margin-top: 10px;}
.extra-r a{height: 24px; line-height: 24px;}
.extra-r a:hover{color: #ff0000;}
